import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { nanoid } from 'nanoid'
import { Input } from 'antd';
export default class Header extends Component {
    static propTypes = {
        addTodo: PropTypes.func.isRequired
    }
    handleKeyUp = (event) => {
        const { keyCode, target } = event
        const { addTodo } = this.props
        if (keyCode !== 13) {
            return;
        }
        if (target.value.trim() === '') {
            alert("输入不能为空")
            return;
        }
        console.log(target.value)
        const todoObj = { id: nanoid(), name: target.value, done: false }
        addTodo(todoObj)
        target.value = ''
    }
    render() {
        return (
            <div>
                <Input onKeyUp={this.handleKeyUp} placeholder="请输入任务名称，回车确认" />
            </div>
        )
    }
}
